/* pages/express-delivery/express-delivery.wxss */

.container {
    height: 100%;
}

.padding20 {
    padding-top: 88 rpx;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.navWrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    background-color: #fafafa;
    border-bottom: 2 rpx solid #f4f4f4;
    height: 92 rpx;
}

.nav {
    display: flex;
    flex-flow: row nowrap;
}

.nav-slider {
    left: 0;
    bottom: 0;
    height: 4 rpx;
    background-color: #b4282d;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    box-sizing: border-box;
}

.nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    float: left;
    height: 88 rpx;
    padding: 0 16 rpx;
    font-size: 28 rpx;
}

.nav-item text {
    box-sizing: border-box;
    color: #333;
    padding: 27 rpx 16 rpx 23 rpx;
    line-height: 34 rpx;
}

.nav-item.active text {
    color: #b4282d;
}

.u-icon {
    vertical-align: middle;
}

.deliveryInfo {
    height: 198 rpx;
    width: 100%;
    vertical-align: middle;
    padding-left: 30 rpx;
    background-size: cover;
    display: table;
    position: relative;
    box-sizing: border-box;
}

.icon-express {
    width: 104 rpx;
    height: 104 rpx;
    background-size: 100% 100%;
    position: absolute;
    top: 48 rpx;
    left: 30 rpx;
}

.infoWarp {
    display: table-cell;
    vertical-align: middle;
}

.deliveryInfo .companyname, .deliveryInfo .expno {
    line-height: 1;
    margin-left: 136 rpx;
    font-size: 28 rpx;
}

.deliveryInfo .companyname .key, .deliveryInfo .expno .key {
    color: #666;
}

.deliveryInfo .expno {
    margin-top: 16 rpx;
}

.deliveryDetail {
    margin-top: 20 rpx;
    padding-top: 40 rpx;
    background-color: #fff;
    min-height: 670 rpx;
}

.detailItem {
    border-left: 1px dashed #f4f4f4;
    margin-left: 42 rpx;
    position: relative;
    margin-bottom: 2 rpx;
}

.dot image {
    width: 35 rpx;
    height: 35 rpx;
    background-size: 100%;
    position: absolute;
    top: 40 rpx;
    left: -18 rpx;
}

.lastest .dot image {
    top: -2 rpx;
}

.detail .desc {
    font-size: 24 rpx;
    line-height: 30 rpx;
}

.detail .time {
    font-size: 24 rpx;
    line-height: 30 rpx;
    color: #999;
    margin-top: 15 rpx;
}

.detail {
    border-top: 1px solid #f4f4f4;
    margin-left: 28 rpx;
    overflow: hidden;
    padding-right: 30 rpx;
}

.detail .desc {
    margin-top: 40 rpx;
}

.detail .time {
    margin-bottom: 39 rpx;
}

.lastest .detail .desc, .lastest .detail .time {
    color: #105c3e;
}

.lastest .detail {
    border-top: 0;
}

.lastest .detail .desc {
    margin-top: 0;
}

.deliveryTip {
    height: 80 rpx;
    background-color: #fff8d8;
    padding-left: 30 rpx;
    color: #f48f18;
    font-size: 28 rpx;
    line-height: 80 rpx;
    margin-bottom: 20 rpx;
}
